html {
  font-size: 50px;
  font-family: -apple-system, BlinkMacSystemFont, "PingFang SC", "Helvetica Neue", STHeiti, "Microsoft Yahei", "Microsoft Yahei Bold", Tahoma, Simsun, sans-serif;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}
.loading {
  width: 100%;
  height: 100vh;
  overflow: hidden;
}
.loading .spinner {
  margin: 100px auto;
  width: 100px;
  height: 80px;
  text-align: center;
  font-size: 20px;
}
.loading .spinner > div {
  background-color: #1fa74c;
  height: 100%;
  width: 6px;
  display: inline-block;
  -webkit-animation: stretchdelay 1.2s infinite ease-in-out;
  animation: stretchdelay 1.2s infinite ease-in-out;
}
.loading .spinner .rect2 {
  -webkit-animation-delay: -1.1s;
  animation-delay: -1.1s;
}
.loading .spinner .rect3 {
  -webkit-animation-delay: -1s;
  animation-delay: -1s;
}
.loading .spinner .rect4 {
  -webkit-animation-delay: -0.9s;
  animation-delay: -0.9s;
}
.loading .spinner .rect5 {
  -webkit-animation-delay: -0.8s;
  animation-delay: -0.8s;
}
@-webkit-keyframes stretchdelay {
  0%,
  40%,
  100% {
    -webkit-transform: scaleY(0.4);
  }
  20% {
    -webkit-transform: scaleY(1);
  }
}
@keyframes stretchdelay {
  0%,
  40%,
  100% {
    transform: scaleY(0.4);
    -webkit-transform: scaleY(0.4);
  }
  20% {
    transform: scaleY(1);
    -webkit-transform: scaleY(1);
  }
}
.wrap {
  background: #EBFFF2;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrap .banner {
  height: 4.5rem;
  width: 7.5rem;
  background: url(../images/banner.png) no-repeat center;
  background-size: 100% 100%;
}
.wrap .cent {
  position: relative;
  width: 7.5rem;
}
.wrap .cent .result {
  position: relative;
  top: -1.2rem;
  height: 4.82rem;
  width: 6.94rem;
  background: url(../images/cent.png) no-repeat center;
  background-size: 100% 100%;
  margin: 0 0.28rem;
  padding: 1.46rem 0.48rem 0;
}
.wrap .cent .result .top-title {
  text-align: center;
  color: #FFFFFF;
  margin-bottom: 0.24rem;
  min-height: 1.12rem;
}
.wrap .cent .result .top-title .tt-title {
  font-size: 0.42rem;
  font-weight: 600;
}
.wrap .cent .result .top-title .tt-text {
  font-size: 0.32rem;
  margin-top: 0.2rem;
}
.wrap .cent .result .top-title .tt-text2 {
  font-size: 0.24rem;
}
.wrap .cent .result .top-title .imgs {
  display: block;
  width: 2.44rem;
  height: 0.92rem;
  margin: 0 auto;
}
.wrap .cent .result .line {
  width: 6.14rem;
  height: 1px;
  border: 1px dashed rgba(184, 220, 167, 0.39);
  margin-bottom: 0.24rem;
}
.wrap .cent .result .bottom-title {
  font-size: 0.24rem;
  color: #FFFFFF;
}
.wrap .cent .result .bottom-title .bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0.38rem;
}
.wrap .cent .title {
  position: relative;
  top: -0.7rem;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0 0.4rem;
}
.wrap .cent .title .biaoti {
  font-size: 0.36rem;
  color: #005E3C;
  font-weight: 600;
}
.wrap .cent .title .btn {
  height: 0.44rem;
  background: #D9FFE6;
  border-radius: 0.22rem;
  border: 1px solid #005E3C;
  font-size: 0.2rem;
  color: #005E3C;
  line-height: 0.44rem;
}
.wrap .cent .text {
  position: relative;
  top: -0.44rem;
  font-size: 0.26rem;
  color: #005E3C;
  padding: 0 0.4rem;
}
.wrap .cent .zheng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.36rem;
  color: #005E3C;
  margin-bottom: 1.86rem;
  padding: 0 0.4rem;
}
.wrap .cent .zheng .title2 {
  font-weight: 600;
  margin-bottom: 0.1rem;
}
.wrap .cent .imgbox {
  position: absolute;
  z-index: 1;
  bottom: -3.02rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wrap .cent .imgbox #image {
  width: 4.24rem;
  height: 3.02rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.wrap .bottom {
  position: relative;
  width: 7.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#06A151), to(#06A151));
  background: linear-gradient(180deg, #06A151 0%, #06A151 100%);
}
.wrap .bottom .bg {
  position: absolute;
  width: 7.5rem;
  height: 5.5rem;
  background: url(../images/bottombg.png) no-repeat center;
  background-size: 100% 100%;
}
.wrap .bottom .info {
  position: relative;
  width: 6.86rem;
  margin: 1.92rem auto 0.64rem;
}
.wrap .bottom .info img {
  width: 100%;
}
.wrap .banner2 {
  width: 7.5rem;
  height: 6.88rem;
  background: url(../images/banner2.png) no-repeat center;
  background-size: 100% 100%;
}
.wrap .banner2 .result {
  position: relative;
  top: 3.2rem;
  width: 6.78rem;
  margin: 0 auto;
  padding: 0.3rem 0.68rem;
  background: rgba(28, 129, 33, 0.78);
  border-radius: 2px;
  text-align: center;
  color: #FFFFFF;
}
.wrap .banner2 .result .top-title .tt-title {
  font-size: 0.28rem;
  font-weight: 600;
  margin-bottom: 0.16rem;
}
.wrap .banner2 .result .top-title .tt-text {
  font-size: 0.24rem;
  line-height: 0.38rem;
}
.wrap .banner2 .result .top-title .tt-text2 {
  font-size: 0.22rem;
  line-height: 0.38rem;
}
.wrap .banner2 .result .top-title .imgs {
  display: block;
  width: 2.44rem;
  height: 0.92rem;
  margin: 0 auto;
}
.wrap .banner2 .result .line {
  width: 100%;
  height: 1px;
  border: 1px solid #FFFFFF;
  margin-top: 0.24rem;
  margin-bottom: 0.16rem;
}
.wrap .banner2 .result .bottom-title {
  font-size: 0.24rem;
}
.wrap .banner2 .result .bottom-title .bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0.38rem;
}
.wrap .banner3 {
  width: 7.5rem;
  height: 6.88rem;
  background: url(../images/banner3.png) no-repeat center;
  background-size: 100% 100%;
}
.wrap .banner3 .result {
  position: relative;
  top: 3.2rem;
  width: 6.78rem;
  margin: 0 auto;
  padding: 0.3rem 0.68rem;
  background: rgba(204, 143, 13, 0.78);
  border-radius: 2px;
  text-align: center;
  color: #FFFFFF;
}
.wrap .banner3 .result .top-title .tt-title {
  font-size: 0.28rem;
  font-weight: 600;
  margin-bottom: 0.16rem;
}
.wrap .banner3 .result .top-title .tt-text {
  font-size: 0.24rem;
  line-height: 0.38rem;
}
.wrap .banner3 .result .top-title .tt-text2 {
  font-size: 0.22rem;
  line-height: 0.38rem;
}
.wrap .banner3 .result .top-title .imgs {
  display: block;
  width: 2.44rem;
  height: 0.92rem;
  margin: 0 auto;
}
.wrap .banner3 .result .line {
  width: 100%;
  height: 1px;
  border: 1px solid #FFFFFF;
  margin-top: 0.24rem;
  margin-bottom: 0.16rem;
}
.wrap .banner3 .result .bottom-title {
  font-size: 0.24rem;
}
.wrap .banner3 .result .bottom-title .bt {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: center;
  -ms-flex-pack: center;
  justify-content: center;
  line-height: 0.38rem;
}
.wrap .cent2 {
  position: relative;
  width: 7.5rem;
  background: #FFFFFF;
}
.wrap .cent2 .title {
  position: relative;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -ms-flex-pack: justify;
  justify-content: space-between;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  padding: 0.66rem 0.74rem;
  font-weight: 600;
}
.wrap .cent2 .title .biaoti {
  font-size: 0.28rem;
  color: #005E3C;
  font-weight: 600;
}
.wrap .cent2 .title .btn {
  height: 0.44rem;
  border: 0.04rem solid #84BA91;
  font-size: 0.2rem;
  color: #84BA91;
  line-height: 0.36rem;
}
.wrap .cent2 .text {
  position: relative;
  font-size: 0.26rem;
  color: #757776;
  padding: 0 0.74rem 0.66rem;
}
.wrap .cent2 .zheng {
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-orient: vertical;
  -webkit-box-direction: normal;
  -ms-flex-direction: column;
  flex-direction: column;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
  font-size: 0.4rem;
  color: #037729;
  margin-bottom: 1.86rem;
  padding: 0 0.74rem;
}
.wrap .cent2 .zheng .title2 {
  font-weight: 600;
  margin-bottom: 0.1rem;
}
.wrap .cent2 .imgbox {
  position: absolute;
  z-index: 1;
  bottom: -3.02rem;
  left: 50%;
  -webkit-transform: translate(-50%, -50%);
  transform: translate(-50%, -50%);
}
.wrap .cent2 .imgbox #image {
  width: 4.24rem;
  height: 3.02rem;
  -o-object-fit: contain;
  object-fit: contain;
}
.wrap .bottom2 {
  position: relative;
  width: 7.5rem;
  background: -webkit-gradient(linear, left top, left bottom, from(#06A151), to(#06A151));
  background: linear-gradient(180deg, #06A151 0%, #06A151 100%);
}
.wrap .bottom2 .bg {
  position: absolute;
  width: 7.5rem;
  height: 5.5rem;
  background: url(../images/bottombg2.png) no-repeat center;
  background-size: 100% 100%;
}
.wrap .bottom2 .info {
  position: relative;
  width: 6.86rem;
  margin: 1.92rem auto 0.64rem;
}
.wrap .bottom2 .info img {
  width: 100%;
  margin-bottom: 0.24rem;
}
.wrap2 {
  width: 100%;
  height: 100%;
  max-width: 750px;
  min-width: 320px;
  font-size: 0.3rem;
  position: relative;
  margin: 0 auto;
  background: url(../images/bg.png) no-repeat;
  background-size: 100% 7.66rem;
  background-color: #f3f3f3;
}
.wrap2 .cent {
  padding: 0.46rem;
}
.wrap2 .cent .title {
  width: 2.12rem;
  height: 0.6rem;
  background: url(../images/title.png) no-repeat;
  background-size: 100%;
}
.wrap2 .cent .title2 {
  font-size: 0.2rem;
  color: #FFFFFF;
  display: -webkit-box;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -ms-flex-align: center;
  align-items: center;
}
.wrap2 .cent .test {
  font-size: 0.28rem;
  color: #FFFFFF;
  padding-left: 0.2rem;
}
.wrap2 .cent .imgbox {
  width: 100%;
  /* min-height: 6rem; */
  background-color: #fff;
  margin-top: 0.36rem;
}
.wrap2 .cent .imgbox img {
  width: 100%;
  height: 100%;
  -o-object-fit: fill;
  object-fit: fill;
}
.wrap2 .cent2 {
  padding: 0.46rem;
}
.wrap2 .cent2 .box {
  background: #fff;
  padding: 1.8rem 0.8rem;
  border-radius: 0.1rem;
  text-align: center;
}
.wrap2 .cent2 .imgs {
  display: block;
  width: 4.88rem;
  height: 1.84rem;
  margin: 0 auto;
}
.wrap2 .cent2 #errorTest {
  margin-top: 0.9rem;
}
.icon1::before {
  content: '';
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images//icon1.png) no-repeat center;
  background-size: 100%;
}
.icon2::before {
  content: '';
  display: block;
  width: 0.2rem;
  height: 0.2rem;
  background: url(../images//icon2.png) no-repeat center;
  background-size: 100%;
}
